<!--star子栏目-->
<div class="sub-colum">
    <div class="tit">消息</div>
    <ul>
        <li class="curr"><a href="#" onClick="$('.cetContent').load('通知.html'), function () {return false;}">消息管理</a></li>
    </ul>
</div>
<!--end子栏目-->
<!--end left-->
<div class="container narrow">
    <!--star conter-->
    <div class="cetContent">
        <div class="tit p-lr20">
            <span>消息</span>
        </div>
        <!--star内容区域-->
        <div class="mainScroll">
            <div class="mainContainer line-all">
                <!--star tabMainCont-->
                <div class="tabMainCont">
                    <!--消息 star-->
                    <div class="u_table_list m-t20">
                        <!--star 商品-->
                        <div class="table002">
                        <table>
                            <colgroup>
                                <col>
                                <col width="60%">
                                <col>
                                <col>
                            </colgroup>
                            <tbody>
                                <tr>
                                    <th><input type="checkbox"></th>
                                    <th>标题内容</th>
                                    <th>提交时间</th>
                                    <th>类型</th>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <td class="not_lb tal"><input type="checkbox"></td>
                                    <td class="not_lb tal"><a href="消息详情.html">EEEEE名称</a></td>
                                    <td class="not_lb tal">2016-10-21 16:38:12</td>
                                    <td class="not_lb tal">活动优惠</td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                        <!--end 商品-->
                    </div>
                    <div class="pages p-tb20" style="text-align:right;">
                        <div class="l">
                            <a href="javascript:;" class="zent-btn">未知按钮</a>
                            <a href="javascript:;" class="zent-btn">未知按钮</a>
                            <a href="javascript:;" class="zent-btn">未知按钮</a>
                            <a href="javascript:;" class="zent-btn">未知按钮</a>
                        </div>
                        <ul>
                            <li><a>上一页</a></li>
                            <li><a>1</a></li>
                            <li class="active"><a>2</a></li>
                            <li><a>3</a></li>
                            <li><a>4</a></li>
                            <li>...</li>
                            <li><a>100</a></li>
                            <li><a>下一页</a></li>
                        </ul>
                        <form>
                        共100页到第
                        <input type="text" value="1" class="inputwh">
                        页
                        </form>
                    </div>
                    <!--消息 end -->
                </div>
                <!--end tabMainCont-->
                </div>
                
            </div>
        </div>
        <!--end内容区域-->
    </div>
    <!--end conter-->
</div>
<script>
$(function(){
	$(".sub-colum").find('li').on('click',function(){//子栏目点击选中状态；
		$(this).addClass('curr').siblings().removeClass('curr');
	})
});
</script>
